<template>
	<view class="home-wrap u-m-b-20" :style="{ 'background':'#fff'}">
		<base-nav-bar :isBack="true" :background="{'background':'#fff'}">
			<text
				slot="content"
				style="color: #333; width: 100%; text-align: center;padding-left: 20rpx;"
			>
				核销成功
			</text>
		</base-nav-bar>
		<!-- 商家简介 -->
		<view class="merchant-empty u-flex u-flex-column u-flex-items-center u-p-20 u-m-l-20 u-m-r-20">
		</view>
		<view class="content-box u-p-20 u-m-t-30 u-m-l-40 u-m-r-40">
			<view class="u-flex u-flex-items-center u-flex-center u-m-b-20">
				<image :src="logo" class="submit-logo"></image>
				<view class="submit-success">
					<u-icon name="checkmark-circle-fill" size="60" color="#00BB65"></u-icon>
				</view>
			</view>
			<!-- grid商家功能模块 -->
			<view class="u-flex u-flex-items-center u-flex-column u-flex-start u-flex-wrap">
				<view class="merchant-title">核销成功</view>
			</view>
			<view class="back-btn u-m-t-30">
				<u-button type="success" :customStyle="{'width':'40%'}" :plain="true"  shape="circle" size="default" @click="goback()">返回</u-button>
			</view>
		</view>
	</view>
</template>

<script>

import { mapGetters } from 'vuex';
import { HTTP_IMG_URL } from '../../config/app.js'
import BaseNavBar from "../../components/BaseNavBar.vue";

export default {
	components: {
		BaseNavBar
	},
	data() {
		return {
			logo: this.HTTP_IMG_URL()+"/merchant/merchantInfo/submit_bg.png",
			back:false
		};
	},
	computed: {
		...mapGetters(['isLogin','userInfo']),
		
	},
	onPullDownRefresh() {
	
	},
	
	onShow() {
		if(!this.isLogin){
		
		}
		
	},
	onHide() {
	},
	onLoad(options) {
		if(options&&options.type){
			if(options.type=="goods"||options.type=="class"){
				this.back = true
			}
		}
		console.log("====this.userInfo",this.userInfo)
	},
	methods: {
		HTTP_IMG_URL() {
			return HTTP_IMG_URL
		},
		// 路由跳转
		jump(path, parmas) {
			uni.navigateTo({
				url: path,
				query: parmas
			});
		},
		goback(){
			if(this.back){
				uni.navigateBack(
					{delta: 2}
				)
			}else{
				uni.navigateBack(-1)
			}
			
		}
	}
};
</script>

<style lang="scss" scoped>
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
.home-wrap {
	min-height: 100vh;
}
.merchant-empty{
	height: 20vh;
}
.content-box{
	background: #FFFFFF;
	border-radius: 30rpx;
	min-height: 50vh;
	position: relative;
	.submit-logo{
		width: 220rpx;
		height: 140rpx;
	}
	.submit-success{
		position: absolute;
		top: 30rpx;
		left: 50%;
		margin-left: -50rpx;
	}
	.merchant-title{
		width: 100%;
		text-align: center;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		font-weight: 500;
		font-size: 38rpx;
		color: #30AA4D;
	}
	.merchant-introduction{
		width: 100%;
		font-weight: 400;
		font-size: 13px;
		color: #999999;
		text-align: center;
	}
}
</style>
